<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" lang="en">
<head>
<meta charset="UTF-8">
<title>播放课程</title>
<script type='text/javascript' src='../static/js/jwplayer.js' th:src='@{/js/jwplayer.js}'></script>
<style type="text/css">
    .course-list{
        width: 100%;
    }
    .couser-item-link{
        width: 30px;
        height: 30px;
        margin: 4px;
        float: left;
    }
    .couser-item-link a{
        display: inline-block;
        line-height: 30px;
        height: inherit;
        width: inherit;
        background: #00c8c8;
        text-align: center;
    }
</style>
</head>
<body>
<span th:text="'第'+${currentCourseNum}+'节'"></span>
<div id='mediaspace'></div>
<div class="course-list" >
    <div class="couser-item-link" th:each="item:${#numbers.sequence(1, courseNum)}">
        <a th:text="${item}"
            th:href="'/page/player?path='+${path}+'&'+'currentCourseNum='+${item}+'&courseNum='+${courseNum}"></a>
    </div>
</div>
<script type='text/javascript'>
  jwplayer('mediaspace').setup({
    'flashplayer': '../player.swf',
    'file': '[[${path}]]/[[${currentCourseNum}]].flv',
    'streamer': 'rtmp://localhost/oflaDemo',
    'controlbar': 'bottom',
    'width': '720',
    'height': '480'
  });

</script>
</div>

</body>
</html>